<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // ES5      _     私有成员      内部才能调用，外部无法调用
        // function Person(){
        //     this.name = '张三';
        //     let _age = '20';
        //     console.log(_age);
        // }
        // let zhangsan = new Person()
        // console.log(age);  // 报错

        // ES6 写法         #
        class Person{
            #color = 'red' // 私有属性
            constructor(name){
                this.name = name // 公有成员
            }
            fn(){
                console.log(this.color);
            }
        }
        let lisi = new Person('李四')
        console.log(lisi);
        // console.log(lisi.#color); // 报错

    </script>
</body>
</html>